/**
 * 认证页面
 */
import React from 'react';
import {withRouter} from 'react-router-dom';
import {Card, List, Icon} from 'antd';
import '@/css/pages/Identify.css';

const listData = [
  {
    key: 'big',
    title: '大区经理账号认证'
  },
  {
    key: 'car',
    title: '车展账号认证'
  },
  {
    key: 'store',
    title: '经销商账号认证'
  },
];

@withRouter
export default class Identify extends React.PureComponent {
  render () {
    return (
      <div className="page-identify">
        <Card title="资料认证" bordered={false}>
          <List
            grid={{gutter: 40, column: 3}}
            dataSource={listData}
            renderItem={item => (
              <List.Item className="page-identify-list" key={item.key}>
                <Icon type="plus" />
                <p>{item.title}</p>
              </List.Item>
            )}
          />
        </Card>
      </div>
    );
  }
}
